<div id="joinus" class='page'>
    <div class='head'>
        <span class="back"></span>
        <span><%=siteName%></span>
    </div>

    <div class="body_all">
        <div class="joinus_box_color_nav"><span></span><span></span><span></span></div>
        <div id="joinus_tab_box">
            <div id="joinus_tabs">
                <div id="joinus_frist" class="joinus_tab">
                    <div class="joinus_box_center"> 
                        <div class="jbc_des">
                            <p class="jbc_des_title"><%= joinus_des_title %></p>
                            <p class="jbc_des_text"><!--<%= joinus_des_text %>--></p>
                        </div>
                        <!--<button type="button" class="btn jbc_facebook"><span class="icon-facebook">&nbsp;</span> <%= joinus_facebook %></button>
                        <div class="jbc_or">
                            <span></span> OR <span></span>
                        </div>
                        -->
                        <div class="jbc_form">
                            <div class="jbc_input email"> <input spellcheck="false"  autocapitalize="off" autocorrect="off" autocomplete="off"  name="email" type="text" class="input_email register_option"  placeholder="Email">  </div>
                            <div class="jbc_input username" > <input maxlength=18 spellcheck="false" name="userName" type="text" class="input_userName register_option"  placeholder="Username"> </div>
                            <div class="jbc_input password"> <input maxlength=18 name="passWord" type="password" class="input_passWord register_option"  placeholder="Password"> </div>
                        </div>
                        <button type="button" class="btn btn-yellow jbc-frist"> <%= joinus_btn_continue %></button>
                    </div>
                    <div class="joinus_box_bottom">
                        <div class="jbb_top"> <%=joinus_jbb_top %></div>
                        <div class="jbb_bottom"> <%= joinus_jbb_bottom1 %>
                            <span> Service Agreement </span> & <span> Privacy Policy</span>.
                        </div>
                    </div>
                </div>

                <div id="joinus_second" class="joinus_tab">
                    <div class="joinus_box_center">
                        <div class="js_des">
                            <p class="js_des_title"><%= js_des_title %></p>
                            <p class="js_des_text"><%= js_des_text %></p>
                        </div>
                        <div class="js_img">
                            <div class="js_icon" id="icon_img">
                                <!--<div class="add_icon"></div>-->
                                <div id="img_show"></div>
                                <div class="uploading">
                                       <span class='bg'></span>
                                       <span class='loading'></span>
                                </div>
                                <input id="file" accept="image/gif, image/jpeg, image/jpg" type="file" name="file">
                            </div>
                        </div>
                        <div class="js_your"><%= js_your_gender %></div>
                        <div class="js_your_gender gender"> 
                            <div class="gender_item" type="man" val='2'><div class="gender_icon man"></div></div>
                            <div class="gender_item" type="woman" val='1'><div class="gender_icon woman"></div></div>
                            <div class="gender_item" type="couple" val='16'><div class="gender_icon couple"></div></div>
                        </div>
                        <div class="jbc_form">
                            <div class="js_your"><%= js_your_age %></div>
                            <div class="jbc_input age"> <input name="age" type="date" id="age" class="input_age register_option" placeholder="Age">  </div>
                            <!--
                            <div class="js_your"><%= js_your_income %></div>
                            <div class="jbc_input type"> </div>
                            -->
                            <div class="js_your"><%= js_your_loction %></div>
                            <div class="jbc_input r_country"> </div>
                            <div class="jbc_input r_state"> </div>
                            <div class="jbc_input r_zip"> <input name="zipCode" type="text" class="input_zip register_option" placeholder="Zip code"> </div>
                        </div>
                        <button type="button" class="btn btn-yellow jbc-second"> <%= joinus_btn_continue %></button>
                    </div>
                </div>

                <div id="joinus_three" class="joinus_tab">
                    <div class="joinus_box_center">
                        <div class="js_des">
                            <p class="js_des_title"><%= jt_des_title %></p>
                            <p class="js_des_text"><%= js_des_text %></p>
                        </div>

                        <div class="js_your jt_your"><%= jt_lookfor_gender%></div>
                        <div class="js_your_gender match_gender"> 
                            <div class="gender_item" type="man" val='2'><div class="gender_icon man"></div></div>
                            <div class="gender_item" type="woman" val='1'><div class="gender_icon woman"></div></div>
                            <div class="gender_item" type="couple" val='16'><div class="gender_icon couple"></div></div>
                        </div>
                        <div class="jbc_form">
                            <div class="js_your"><%= js_lookfor_age%></div>
                            <div class="jbc_input match_age_min match_age_max">
                                From : <span class="fromAge"><select id="from_age" class="age_group" > 
                                <% for (var i=18;i<100;i++) {%>
                                    <option value=<%=i%>> <%=i%></option>
                                <% }%>
                                </select></span>

                                To :  <span class="toAge"><select id="to_age" class="age_group">
                                <% for (var i=18;i<100;i++) {%>
                                    <% if (i == 99) { %>
                                       <option value=<%=i%> selected> <%=i%></option>
                                    <% } else {%>
                                       <option value=<%=i%>> <%=i%></option>
                                    <% } %>
                                <% }%>
                                </select></span>
                            </div>
                        </div>
                        <button type="button" class="btn btn-yellow jbc-three"> <%= joinus_btn_submit %></button>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>
